<template>
  <el-select style="width: 80px" v-model="selected" placeholder="请选择">
    <el-option
      v-for="(item, index) in menus"
      :key="index"
      :label="item.label"
      :value="item.code"
    />
  </el-select>
</template>
<script lang="ts" >
import { getCurrentInstance, onMounted, reactive, ref ,defineComponent,toRefs, watchEffect } from "vue";

export default defineComponent({
  props: {
    row: {
      type: Object,
      default: () => {},
    },
    editor: {
      type: Object,
      default: () => {},
    },
  },
  name: "backColor",
  setup(props, { emit }) {
    const state = reactive({
      selected: "paraph",
      menus: [
        {
          code: "paraph",
          label: "正文",
        },
        {
          code: "h1",
          label: "标题1",
        },
        {
          code: "h2",
          label: "标题2",
        },
        {
          code: "h3",
          label: "标题3",
        },
        {
          code: "h4",
          label: "标题4",
        },
      ],
    });
    const { proxy } = getCurrentInstance() as any;

    onMounted(() => {});

    return {
      ...toRefs(state),
    };
  },
});
</script>
